 .header {
     background-color: #ffffff;
     padding: .3rem .4rem .18rem .4rem;
 }

 .logo {
     width: 1.7rem;
     height: .48rem;
     float: left;
 }

 .logo img {
     width: 100%;
     height: 100%;
 }

 .menu {
     float: right;
     width: .48rem;
     height: .48rem;
 }

 .menu img {
     width: 100%;
     height: 100%;
 }

 .nav-content {
     margin-top: .8rem;
     display: none;
 }

 .nav-content ul li {
     float: left;
 }

 .nav-content .show .active a {
     color: #cc0000;
 }

 .nav-content ul li a {
     color: #1a1a1a;
     font-weight: bold;
     font-size: .28rem;
     padding: 0 .52rem 0 0;
 }

 .nav-content .show .show-more {
     margin-right: 0;
 }

 .nav-content .show .show-more img {
     width: .34rem;
     height: .18rem;
 }

 .nav-content .more {
     display: none;
 }

 .banner {
     width: 100%;
     height: 2.9rem;
     margin-bottom: .18rem;
     overflow: hidden;
     position: relative;
 }

 .banner ul {
     width: 500%;
     margin-left: -100%;
 }

 .banner ul li {
     float: left;
     width: 20%;
     height: 2.9rem;
     /* margin-left: -20%; */
     /* position: absolute;
     left: 0;
     top :0 */
 }

 .banner ul li img {
     width: 100%;
     height: 100%;
 }

 .banner .prev {
     width: .24rem;
     height: .4rem;
     position: absolute;
     left: .4rem;
     top: 1.04rem;
 }

 .banner .next {
     width: .24rem;
     height: .4rem;
     position: absolute;
     right: .4rem;
     top: 1.04rem;
 }

 .banner .prev img,
 .banner .next img {
     width: 100%;
     height: 100%;
 }

 .product {
     padding: 0 .4rem;
     margin-bottom: .4rem;
 }
 .product .product-nav{
    height: .5rem;
    line-height: .5rem;
 }

 .product .product-nav .title {
     float: left;
     font-size: .36rem;
     color: #cc0000;
     margin-right: 3rem;
 }

 .product .product-nav .more {
     float: right;
     font-size: .26rem;
     color: #cc0000;
     width: 1rem;
     background: url(../img/more.png) right center no-repeat;
     background-size: .4rem .2rem;
 }

 .product .product-content {
     width: 100%;
     border: 0.02rem solid #eeeeee;
     margin-top: .3rem;
 }

 .product .product-content ul {
     margin-bottom: .1rem;

 }

 .product .product-content ul li {
     float: left;
     width: 25%;
     text-align: center;
 }

 .product .product-content ul li a {
     display: block;
     border-radius: 50%;
     margin: 0 auto;
 }

 .product .product-content ul li a img {
     width: 1.2rem;
     height: 1.2rem;
     margin-top: .14rem;
     border-radius: 50%;
 }
 .product .product-content ul li a span {
    display: block;
    color: #666666;
    font-size: .24rem;
}

 .news {
     padding: .0 .4rem;
     margin-bottom: .4rem;
 }

 .news .news-nav .title {
     float: left;
     font-size: .36rem;
     color: #cc0000;
     margin-right: 3rem;
 }

 .news .news-nav .more {
     float: right;
     font-size: .26rem;
     color: #cc0000;
     width: 1rem;
     background: url(../img/more.png) right center no-repeat;
     background-size: .4rem .2rem;
 }


 .news .news-content .item {
     border-bottom: 2px solid #b1b1b1;
     padding: .28rem 0;
 }

 .news .news-content .item .item-left {
     float: left;
     width: 3rem;
     height: 2rem;
     margin-right: .2rem;
 }

 .news .news-content .item .item-left img {
     width: 100%;
     height: 100%;
 }


 .news .news-content .item .item-right h4 {
     font-size: 16px;
     font-weight: bold;
     margin-bottom: .24rem;
     padding-left: 3.2rem;
 }

 .news .news-content .item .item-right div {
     word-wrap: break-word;
     color: #4d4d4d;
     line-height: .40rem;
     font-size: .24rem;
     padding-left: 3.2rem;
 }

 .news .news-content .item .item-right a::before {
     content: '...';
     font-weight: bold;
     position: relative;
     bottom: 0;
     left: 0;
     background: #fff;
     color: #4d4d4d;
 }

 .news .news-content .item .item-right a {
     color: #e79911;
     font-size: .24rem;
 }

 .latest {
     padding: .0 .4rem;
 }


 .latest .latest-nav .title {
     float: left;
     font-size: .36rem;
     color: #cc0000;
     margin-right: 3rem;
 }

 .latest .latest-nav .more {
     float: right;
     font-size: .26rem;
     color: #cc0000;
     width: 1rem;
     background: url(../img/more.png) right center no-repeat;
     background-size: .4rem .2rem;
 }

 .latest .latest-content .latest-banner {
     width: 6.7rem;
     height: 2.8rem;
     position: relative;
     margin-bottom: .22rem;
     margin-top: .38rem;
 }

 .latest .latest-content .latest-banner img {
     width: 100%;
     height: 100%;
 }

 .latest .latest-content .latest-banner span {
     position: absolute;
     top: 0;
     right: 0;
     width: 1.2rem;
     height: .4rem;
     background-color: #cc0000;
     color: #fff;
     font-size: .24rem;
     text-align: center;
     line-height: .4rem;
 }

 .latest .latest-content .latest-banner h2 {
     position: absolute;
     bottom: .2rem;
     left: .36rem;
     color: #fff;
     font-size: .3rem;
 }


 .latest .latest-content .item {
     border-bottom: 2px solid #b1b1b1;
     padding: .28rem 0;
 }

 .latest .latest-content .item .item-left {
     float: left;
     width: 3rem;
     height: 2rem;
     margin-right: .2rem;
 }

 .latest .latest-content .item .item-left img {
     width: 100%;
     height: 100%;
 }


 .latest .latest-content .item .item-right h4 {
     font-size: 16px;
     font-weight: bold;
     margin-bottom: .24rem;
     padding-left: 3.2rem;
 }

 .latest .latest-content .item .item-right div {
     word-wrap: break-word;
     color: #4d4d4d;
     line-height: .40rem;
     font-size: .24rem;
     padding-left: 3.2rem;
 }

 .latest .latest-content .item .item-right a::before {
     content: '...';
     font-weight: bold;
     position: relative;
     bottom: 0;
     left: 0;
     background: #fff;
     color: #4d4d4d;
 }

 .latest .latest-content .item .item-right a {
     color: #e79911;
     font-size: .18rem;
 }

 .latest .latest-content .item:last-child {
     border-bottom: none;
 }

 .wrap {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 2;
     background: rgba(0, 0, 0, .8);
     -webkit-transform: translate3D(0, 0, 0);
     transform: translate3D(0, 0, 0);
     transition: all .5s ease-out;
 }

 .layer {
     background-color: #fff;
     padding: .3rem 0 .3rem .5rem;
 }

 .layer .layer-item {
     margin-top: .1rem;
     border-bottom: 2px solid #f0f0f0;
 }

 .layer .title {
     color: #1a1a1a;
     font-size: .4rem;
 }

 .layer-item .subtitle {
     color: #666666;
     font-size: .3rem;
     font-weight: 600;
     margin-bottom: .1rem;
 }

 .layer-item .subitem {
     padding-left: .65rem;
 }

 .layer-item .subitem span {
     display: inline-block;
     width: 1.5rem;
     height: .5rem;
     line-height: .5rem;
     font-size: .26rem;
     text-align: center;
     border-radius: 4px;
     border: 2px solid #b1b1b1;
     margin-right: .4rem;
     margin-bottom: .2rem;
     color: #666666;
 }

 .result {
     margin-top: .1rem;
 }

 .result .restitle {
     color: #666666;
     font-size: .3rem;
     font-weight: 600;
     margin-bottom: .1rem;
 }

 .result .resitem {
     padding-left: .65rem;
 }

 .result .resitem a {
     display: inline-block;
     width: 1.5rem;
     height: .5rem;
     line-height: .5rem;
     font-size: .26rem;
     text-align: left;
     margin-right: .4rem;
     /* margin-bottom: .2rem; */
     color: #666666;
 }


 .layer-item .subitem span.selected {
     border: 2px solid #e4393c;
     position: relative;
 }

 .layer-item .subitem span.selected:after {
     content: '';
     position: absolute;
     right: 0;
     bottom: 0;
     width: .3rem;
     height: .3rem;
     background: url(../img/duihao.png) no-repeat;
     background-size: .3rem;
 }

 .layer .btn {
     -webkit-appearance: none;
     width: 3rem;
     height: .8rem;
     font-size: .4rem;
     border-radius: 6px;
     border: none;
     background-color: #e72b2b;
     color: #fff;
     margin-top: .4rem;
 }

 .fix-menu {
     width: 80%;
     height: 100%;
     background-color: #fff;
     position: fixed;
     right: 0;
     top: 0;
     z-index: 300;
     transform: translate3d(100%, 0px, 0px);
     -webkit-transform: translate3d(100%, 0px, 0px);
     transition: all 0.4s ease;
     -webkit-transition: all 0.4s ease
 }

 .icon {
     width: .96rem;
     height: .96rem;
     position: fixed;
     right: .2rem;
     bottom: .2rem;
     z-index: 600;
 }

 .icon img {
     width: 100%;
     height: 100%;
 }

 .fix-menu .wrap {
     width: 100%;
     height: 100%;
     overflow: auto;
     -webkit-overflow-scrolling: touch;
 }

 .fix-menu.show {
     transform: translate3d(-0%, 0px, 0px);
     -webkit-transform: translate3d(0%, 0px, 0px)
 }